 <html><head><title>Encode TTP &copy; 2010</title>
 <style>
.buton {
    background-color: #1364a7;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;font:14px arial;text-decoration:none;
    box-shadow: 1px 1px 1px rgba(255, 255, 255, 0.25) inset, 1px 1px 2px rgba(0, 0, 0, 0.25);
    color: #fff;    
    padding: 5px 10px;
    white-space: nowrap;
}
.buton:hover {
    background-image: linear-gradient(to top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0.05) 100%);
}
#codes {
border:1px solid #D2D2D2;
width:100%;background:#fff;
height:85%;color:#555;
margin:5px auto 10px;font-size:12px;
display:block;font-family:Lucida Console;
}
</style>
<link href='http://4.bp.blogspot.com/-CBfjW1SRcAk/UCmlongJLWI/AAAAAAAAEoQ/1A8W5AbHGbY/s1600/K-icon.png' rel='shortcut icon'/>
<textarea id="codes" placeholder="Paste code here, click convert" style="padding:10px"></textarea>
   <div class="button-group" style="float:center">
<center>
<button class="buton" onclick="cdConvert();">Convert</button>
<button class="buton" onclick="cdClear();">Clear</button>
  </center>
</div>
<script type="text/javascript">
function cdClear() {
var wtarea = document.getElementById('codes');
wtarea.value = '';
}
function cdConvert() {
var ctarea = document.getElementById('codes'),
cv = ctarea.value;
cv = cv.replace(/&/g, "&amp;");
cv = cv.replace(/'/g, "&#039;");
cv = cv.replace(/"/g, "&quot;");
cv = cv.replace(/</g, "&lt;");
cv = cv.replace(/>/g, "&gt;");
ctarea.value = cv;
ctarea.focus();
ctarea.select();
}
</script>
</body>
</html>